<template>
	<view class="home-wrap">
		<view class="header">
			<view class="title"  @click="toLoad">蓝西集团办公系统</view>
			<image class="notice" src="../../static/home/icon-notice.png"></image>
			<view class="handle" @click="toLogin">
				<view class="item" v-for="(item, i) in headers" :key="i">
					<view class="num" :class="{ ncolor: item.color || ''}">{{item.count}}</view>
					<view class="name">{{item.name}}</view>
				</view>
			</view>
		</view>
		<view class="home-content">
			<view class="title">工单申请</view>
			<view class="handle" v-for="(group, i) in currentGroups" :key="i">
				<view class="group">
					<view class="group-name">{{ group.name }}</view>
					<view class="group-list" v-if="group.items && group.items.length">
						<view  class="group-item" v-for="(item, i) in group.items" :key="i" @click="toHandle(i)">
							<image class="icon" src="../../static/home/icon1.png"></image>
							<view class="form-name">{{item.formName}}</view>
						</view>
					</view>
					
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				headers: [
					{
						count: 1,
						name: '待处理',
						url: '',
						color: 'red'
					},
					{
						count: 1,
						name: '待处理',
						url: ''
					},
					{
						count: 1,
						name: '待处理',
						url: ''
					},
					{
						count: 1,
						name: '待处理',
						url: ''
					},
					{
						count: 1,
						name: '待处理',
						url: ''
					},
					{
						count: 1,
						name: '待处理',
						url: ''
					},
					
				],
				groups: [
    {
        "id": 2,
        "name": "测试分组",
        "items": [
            {
                "formId": "1781515443938361344",
                "tgId": 68,
                "formName": "jx表单2",
                "icon": "{\"icon\":\"el-icon-eleme\",\"background\":\"#1e90ff\"}",
                "isStop": false,
                "remark": "备注说明",
                "logo": {
                    "background": "#1e90ff",
                    "icon": "el-icon-eleme"
                },
                "background": "{\"icon\":\"el-icon-eleme\",\"background\":\"#1e90ff\"}",
                "updated": "2024年04月21日 10时:55分:39秒",
                "templateId": "1781515443938361344"
            },
            {
                "formId": "1796835062546771968",
                "tgId": 70,
                "formName": "未命名表单",
                "icon": "{\"icon\":\"el-icon-eleme\",\"background\":\"#1e90ff\"}",
                "isStop": false,
                "remark": "备注说明",
                "logo": {
                    "background": "#1e90ff",
                    "icon": "el-icon-eleme"
                },
                "background": "{\"icon\":\"el-icon-eleme\",\"background\":\"#1e90ff\"}",
                "updated": "2024年06月01日 17时:23分:57秒",
                "templateId": "1796835062546771968"
            },
            {
                "formId": "1797105574288109568",
                "tgId": 71,
                "formName": "嵌套表单测试-勿删",
                "icon": "{\"icon\":\"el-icon-eleme\",\"background\":\"#1e90ff\"}",
                "isStop": false,
                "remark": "备注说明",
                "logo": {
                    "background": "#1e90ff",
                    "icon": "el-icon-eleme"
                },
                "background": "{\"icon\":\"el-icon-eleme\",\"background\":\"#1e90ff\"}",
                "updated": "2024年06月02日 11时:18分:52秒",
                "templateId": "1797105574288109568"
            }
        ]
    },
    {
        "id": 1293705222,
        "name": "行政综合类",
        "items": [
            {
                "formId": "1780063595079405568",
                "tgId": 36,
                "formName": "印章资质申请",
                "icon": "{\"icon\":\"el-icon-s-cooperation\",\"background\":\"#1e90ff\"}",
                "isStop": false,
                "remark": "备注说明",
                "logo": {
                    "background": "#1e90ff",
                    "icon": "el-icon-s-cooperation"
                },
                "background": "{\"icon\":\"el-icon-s-cooperation\",\"background\":\"#1e90ff\"}",
                "updated": "2024年04月16日 10时:40分:08秒",
                "templateId": "1780063595079405568"
            },
            {
                "formId": "1780065812045893632",
                "tgId": 38,
                "formName": "活动申请",
                "icon": "{\"icon\":\"el-icon-s-order\",\"background\":\"rgba(255, 140, 0, 1)\"}",
                "isStop": false,
                "remark": "备注说明",
                "logo": {
                    "background": "rgba(255, 140, 0, 1)",
                    "icon": "el-icon-s-order"
                },
                "background": "{\"icon\":\"el-icon-s-order\",\"background\":\"rgba(255, 140, 0, 1)\"}",
                "updated": "2024年04月16日 10时:50分:30秒",
                "templateId": "1780065812045893632"
            },
            {
                "formId": "1780068452259598336",
                "tgId": 40,
                "formName": "会议申请",
                "icon": "{\"icon\":\"el-icon-s-order\",\"background\":\"rgba(255, 215, 0, 1)\"}",
                "isStop": false,
                "remark": "备注说明",
                "logo": {
                    "background": "rgba(255, 215, 0, 1)",
                    "icon": "el-icon-s-order"
                },
                "background": "{\"icon\":\"el-icon-s-order\",\"background\":\"rgba(255, 215, 0, 1)\"}",
                "updated": "2024年04月16日 10时:59分:26秒",
                "templateId": "1780068452259598336"
            },
            {
                "formId": "1780070684677902336",
                "tgId": 44,
                "formName": "入职申请",
                "icon": "{\"icon\":\"el-icon-s-custom\",\"background\":\"#1e90ff\"}",
                "isStop": false,
                "remark": "备注说明",
                "logo": {
                    "background": "#1e90ff",
                    "icon": "el-icon-s-custom"
                },
                "background": "{\"icon\":\"el-icon-s-custom\",\"background\":\"#1e90ff\"}",
                "updated": "2024年04月16日 11时:08分:18秒",
                "templateId": "1780070684677902336"
            },
            {
                "formId": "1780075395594326016",
                "tgId": 47,
                "formName": "人员异动申请",
                "icon": "{\"icon\":\"el-icon-eleme\",\"background\":\"rgba(255, 69, 0, 1)\"}",
                "isStop": false,
                "remark": "备注说明",
                "logo": {
                    "background": "rgba(255, 69, 0, 1)",
                    "icon": "el-icon-eleme"
                },
                "background": "{\"icon\":\"el-icon-eleme\",\"background\":\"rgba(255, 69, 0, 1)\"}",
                "updated": "2024年04月16日 11时:27分:01秒",
                "templateId": "1780075395594326016"
            },
            {
                "formId": "1780076504434085888",
                "tgId": 49,
                "formName": "离职申请",
                "icon": "{\"icon\":\"el-icon-s-custom\",\"background\":\"rgba(199, 21, 133, 0.46)\"}",
                "isStop": false,
                "remark": "备注说明",
                "logo": {
                    "background": "rgba(199, 21, 133, 0.46)",
                    "icon": "el-icon-s-custom"
                },
                "background": "{\"icon\":\"el-icon-s-custom\",\"background\":\"rgba(199, 21, 133, 0.46)\"}",
                "updated": "2024年04月16日 11时:31分:26秒",
                "templateId": "1780076504434085888"
            },
            {
                "formId": "1780077745272786944",
                "tgId": 51,
                "formName": "劳动合同续签申请",
                "icon": "{\"icon\":\"el-icon-s-order\",\"background\":\"rgba(144, 238, 144, 1)\"}",
                "isStop": false,
                "remark": "备注说明",
                "logo": {
                    "background": "rgba(144, 238, 144, 1)",
                    "icon": "el-icon-s-order"
                },
                "background": "{\"icon\":\"el-icon-s-order\",\"background\":\"rgba(144, 238, 144, 1)\"}",
                "updated": "2024年04月16日 11时:36分:21秒",
                "templateId": "1780077745272786944"
            },
            {
                "formId": "1780081132399759360",
                "tgId": 55,
                "formName": "预定机票申请",
                "icon": "{\"icon\":\"el-icon-upload\",\"background\":\"rgba(30, 144, 255, 1)\"}",
                "isStop": false,
                "remark": "备注说明",
                "logo": {
                    "background": "rgba(30, 144, 255, 1)",
                    "icon": "el-icon-upload"
                },
                "background": "{\"icon\":\"el-icon-upload\",\"background\":\"rgba(30, 144, 255, 1)\"}",
                "updated": "2024年04月16日 11时:49分:49秒",
                "templateId": "1780081132399759360"
            },
            {
                "formId": "1780084208351318016",
                "tgId": 56,
                "formName": "预定酒店申请",
                "icon": "{\"icon\":\"el-icon-school\",\"background\":\"rgba(0, 206, 209, 1)\"}",
                "isStop": false,
                "remark": "备注说明",
                "logo": {
                    "background": "rgba(0, 206, 209, 1)",
                    "icon": "el-icon-school"
                },
                "background": "{\"icon\":\"el-icon-school\",\"background\":\"rgba(0, 206, 209, 1)\"}",
                "updated": "2024年04月16日 12时:02分:02秒",
                "templateId": "1780084208351318016"
            },
            {
                "formId": "1780086326697136128",
                "tgId": 59,
                "formName": "培训计划申请",
                "icon": "{\"icon\":\"el-icon-s-finance\",\"background\":\"rgba(255, 140, 0, 1)\"}",
                "isStop": false,
                "remark": "备注说明",
                "logo": {
                    "background": "rgba(255, 140, 0, 1)",
                    "icon": "el-icon-s-finance"
                },
                "background": "{\"icon\":\"el-icon-s-finance\",\"background\":\"rgba(255, 140, 0, 1)\"}",
                "updated": "2024年04月16日 12时:10分:27秒",
                "templateId": "1780086326697136128"
            },
            {
                "formId": "1780088160937578496",
                "tgId": 60,
                "formName": "招聘需求申请",
                "icon": "{\"icon\":\"el-icon-place\",\"background\":\"rgba(199, 21, 133, 1)\"}",
                "isStop": false,
                "remark": "备注说明",
                "logo": {
                    "background": "rgba(199, 21, 133, 1)",
                    "icon": "el-icon-place"
                },
                "background": "{\"icon\":\"el-icon-place\",\"background\":\"rgba(199, 21, 133, 1)\"}",
                "updated": "2024年04月16日 12时:17分:45秒",
                "templateId": "1780088160937578496"
            },
            {
                "formId": "1780089386341240832",
                "tgId": 61,
                "formName": "福利申请",
                "icon": "{\"icon\":\"el-icon-suitcase-1\",\"background\":\"rgba(255, 69, 0, 1)\"}",
                "isStop": false,
                "remark": "备注说明",
                "logo": {
                    "background": "rgba(255, 69, 0, 1)",
                    "icon": "el-icon-suitcase-1"
                },
                "background": "{\"icon\":\"el-icon-suitcase-1\",\"background\":\"rgba(255, 69, 0, 1)\"}",
                "updated": "2024年04月16日 12时:22分:37秒",
                "templateId": "1780089386341240832"
            },
            {
                "formId": "1780108888651075584",
                "tgId": 64,
                "formName": "宿舍申请",
                "icon": "{\"icon\":\"el-icon-present\",\"background\":\"rgba(255, 120, 0, 1)\"}",
                "isStop": false,
                "remark": "备注说明",
                "logo": {
                    "background": "rgba(255, 120, 0, 1)",
                    "icon": "el-icon-present"
                },
                "background": "{\"icon\":\"el-icon-present\",\"background\":\"rgba(255, 120, 0, 1)\"}",
                "updated": "2024年04月16日 13时:40分:07秒",
                "templateId": "1780108888651075584"
            },
            {
                "formId": "1780116125775826944",
                "tgId": 66,
                "formName": "名片印刷申请",
                "icon": "{\"icon\":\"el-icon-tickets\",\"background\":\"rgba(144, 238, 144, 1)\"}",
                "isStop": false,
                "remark": "备注说明",
                "logo": {
                    "background": "rgba(144, 238, 144, 1)",
                    "icon": "el-icon-tickets"
                },
                "background": "{\"icon\":\"el-icon-tickets\",\"background\":\"rgba(144, 238, 144, 1)\"}",
                "updated": "2024年04月16日 14时:08分:52秒",
                "templateId": "1780116125775826944"
            },
            {
                "formId": "1780068837833576448",
                "tgId": 41,
                "formName": "验收申请",
                "icon": "{\"icon\":\"el-icon-eleme\",\"background\":\"#1e90ff\"}",
                "isStop": false,
                "remark": "备注说明",
                "logo": {
                    "background": "#1e90ff",
                    "icon": "el-icon-eleme"
                },
                "background": "{\"icon\":\"el-icon-eleme\",\"background\":\"#1e90ff\"}",
                "updated": "2024年04月16日 20时:25分:07秒",
                "templateId": "1780068837833576448"
            }
        ]
    },
    {
        "id": 1293705223,
        "name": "财务类",
        "items": [
            {
                "formId": "1780075977709195264",
                "tgId": 48,
                "formName": "备用金申请",
                "icon": "{\"icon\":\"el-icon-eleme\",\"background\":\"#1e90ff\"}",
                "isStop": false,
                "remark": "备注说明",
                "logo": {
                    "background": "#1e90ff",
                    "icon": "el-icon-eleme"
                },
                "background": "{\"icon\":\"el-icon-eleme\",\"background\":\"#1e90ff\"}",
                "updated": "2024年04月16日 11时:51分:53秒",
                "templateId": "1780075977709195264"
            },
            {
                "formId": "1780074716159021056",
                "tgId": 46,
                "formName": "付款申请",
                "icon": "{\"icon\":\"el-icon-eleme\",\"background\":\"#1e90ff\"}",
                "isStop": false,
                "remark": "备注说明",
                "logo": {
                    "background": "#1e90ff",
                    "icon": "el-icon-eleme"
                },
                "background": "{\"icon\":\"el-icon-eleme\",\"background\":\"#1e90ff\"}",
                "updated": "2024年04月16日 11时:52分:19秒",
                "templateId": "1780074716159021056"
            },
            {
                "formId": "1780077442666336256",
                "tgId": 50,
                "formName": "开票申请",
                "icon": "{\"icon\":\"el-icon-eleme\",\"background\":\"#1e90ff\"}",
                "isStop": false,
                "remark": "备注说明",
                "logo": {
                    "background": "#1e90ff",
                    "icon": "el-icon-eleme"
                },
                "background": "{\"icon\":\"el-icon-eleme\",\"background\":\"#1e90ff\"}",
                "updated": "2024年04月16日 11时:52分:43秒",
                "templateId": "1780077442666336256"
            },
            {
                "formId": "1780069832462438400",
                "tgId": 43,
                "formName": "资金预算申请",
                "icon": "{\"icon\":\"el-icon-eleme\",\"background\":\"#1e90ff\"}",
                "isStop": false,
                "remark": "备注说明",
                "logo": {
                    "background": "#1e90ff",
                    "icon": "el-icon-eleme"
                },
                "background": "{\"icon\":\"el-icon-eleme\",\"background\":\"#1e90ff\"}",
                "updated": "2024年04月16日 20时:33分:17秒",
                "templateId": "1780069832462438400"
            },
            {
                "formId": "1780071889030352896",
                "tgId": 45,
                "formName": "报销申请",
                "icon": "{\"icon\":\"el-icon-eleme\",\"background\":\"#1e90ff\"}",
                "isStop": false,
                "remark": "备注说明",
                "logo": {
                    "background": "#1e90ff",
                    "icon": "el-icon-eleme"
                },
                "background": "{\"icon\":\"el-icon-eleme\",\"background\":\"#1e90ff\"}",
                "updated": "2024年04月22日 22时:14分:58秒",
                "templateId": "1780071889030352896"
            }
        ]
    },
    {
        "id": 1293705224,
        "name": "项目类",
        "items": [
            {
                "formId": "1780058638536151040",
                "tgId": 35,
                "formName": "项目合同申请",
                "icon": "{\"icon\":\"el-icon-eleme\",\"background\":\"#1e90ff\"}",
                "isStop": false,
                "remark": "备注说明",
                "logo": {
                    "background": "#1e90ff",
                    "icon": "el-icon-eleme"
                },
                "background": "{\"icon\":\"el-icon-eleme\",\"background\":\"#1e90ff\"}",
                "updated": "2024年04月16日 10时:33分:42秒",
                "templateId": "1780058638536151040"
            },
            {
                "formId": "1780064343909470208",
                "tgId": 37,
                "formName": "招标申请",
                "icon": "{\"icon\":\"el-icon-eleme\",\"background\":\"#1e90ff\"}",
                "isStop": false,
                "remark": "备注说明",
                "logo": {
                    "background": "#1e90ff",
                    "icon": "el-icon-eleme"
                },
                "background": "{\"icon\":\"el-icon-eleme\",\"background\":\"#1e90ff\"}",
                "updated": "2024年04月16日 21时:07分:11秒",
                "templateId": "1780064343909470208"
            },
            {
                "formId": "1780066699002777600",
                "tgId": 39,
                "formName": "项目申请",
                "icon": "{\"icon\":\"el-icon-eleme\",\"background\":\"#1e90ff\"}",
                "isStop": false,
                "remark": "备注说明",
                "logo": {
                    "background": "#1e90ff",
                    "icon": "el-icon-eleme"
                },
                "background": "{\"icon\":\"el-icon-eleme\",\"background\":\"#1e90ff\"}",
                "updated": "2024年04月25日 13时:39分:57秒",
                "templateId": "1780066699002777600"
            }
        ]
    },
    {
        "id": 1293705225,
        "name": "考勤类",
        "items": [
            {
                "formId": "1780084279545434112",
                "tgId": 57,
                "formName": "请假申请",
                "icon": "{\"icon\":\"el-icon-dish\",\"background\":\"rgba(31, 147, 255, 0.73)\"}",
                "isStop": false,
                "remark": "备注说明",
                "logo": {
                    "background": "rgba(31, 147, 255, 0.73)",
                    "icon": "el-icon-dish"
                },
                "background": "{\"icon\":\"el-icon-dish\",\"background\":\"rgba(31, 147, 255, 0.73)\"}",
                "updated": "2024年04月16日 12时:02分:19秒",
                "templateId": "1780084279545434112"
            },
            {
                "formId": "1780084849782034432",
                "tgId": 58,
                "formName": "出差申请",
                "icon": "{\"icon\":\"el-icon-dessert\",\"background\":\"rgba(199, 21, 133, 1)\"}",
                "isStop": false,
                "remark": "备注说明",
                "logo": {
                    "background": "rgba(199, 21, 133, 1)",
                    "icon": "el-icon-dessert"
                },
                "background": "{\"icon\":\"el-icon-dessert\",\"background\":\"rgba(199, 21, 133, 1)\"}",
                "updated": "2024年04月16日 13时:32分:47秒",
                "templateId": "1780084849782034432"
            },
            {
                "formId": "1780109052929380352",
                "tgId": 65,
                "formName": "补卡申请",
                "icon": "{\"icon\":\"el-icon-coffee-cup\",\"background\":\"rgba(0, 186, 189, 1)\"}",
                "isStop": false,
                "remark": "备注说明",
                "logo": {
                    "background": "rgba(0, 186, 189, 1)",
                    "icon": "el-icon-coffee-cup"
                },
                "background": "{\"icon\":\"el-icon-coffee-cup\",\"background\":\"rgba(0, 186, 189, 1)\"}",
                "updated": "2024年04月16日 14时:10分:31秒",
                "templateId": "1780109052929380352"
            },
            {
                "formId": "1780108512518475776",
                "tgId": 63,
                "formName": "加班申请",
                "icon": "{\"icon\":\"el-icon-mobile-phone\",\"background\":\"rgba(199, 21, 133, 0.46)\"}",
                "isStop": false,
                "remark": "备注说明",
                "logo": {
                    "background": "rgba(199, 21, 133, 0.46)",
                    "icon": "el-icon-mobile-phone"
                },
                "background": "{\"icon\":\"el-icon-mobile-phone\",\"background\":\"rgba(199, 21, 133, 0.46)\"}",
                "updated": "2024年04月16日 14时:11分:18秒",
                "templateId": "1780108512518475776"
            },
            {
                "formId": "1780107898271043584",
                "tgId": 62,
                "formName": "外出申请",
                "icon": "{\"icon\":\"el-icon-trophy\",\"background\":\"rgba(255, 120, 0, 1)\"}",
                "isStop": false,
                "remark": "备注说明",
                "logo": {
                    "background": "rgba(255, 120, 0, 1)",
                    "icon": "el-icon-trophy"
                },
                "background": "{\"icon\":\"el-icon-trophy\",\"background\":\"rgba(255, 120, 0, 1)\"}",
                "updated": "2024年04月16日 14时:12分:10秒",
                "templateId": "1780107898271043584"
            }
        ]
    },
    {
        "id": 1293705226,
        "name": "资产类",
        "items": [
            {
                "formId": "1780078755865169920",
                "tgId": 52,
                "formName": "采购申请",
                "icon": "{\"icon\":\"el-icon-shopping-cart-1\",\"background\":\"rgba(255, 140, 0, 1)\"}",
                "isStop": false,
                "remark": "备注说明",
                "logo": {
                    "background": "rgba(255, 140, 0, 1)",
                    "icon": "el-icon-shopping-cart-1"
                },
                "background": "{\"icon\":\"el-icon-shopping-cart-1\",\"background\":\"rgba(255, 140, 0, 1)\"}",
                "updated": "2024年04月16日 11时:40分:22秒",
                "templateId": "1780078755865169920"
            },
            {
                "formId": "1780079856265990144",
                "tgId": 53,
                "formName": "领用物品资产申请",
                "icon": "{\"icon\":\"el-icon-box\",\"background\":\"rgba(0, 186, 189, 1)\"}",
                "isStop": false,
                "remark": "备注说明",
                "logo": {
                    "background": "rgba(0, 186, 189, 1)",
                    "icon": "el-icon-box"
                },
                "background": "{\"icon\":\"el-icon-box\",\"background\":\"rgba(0, 186, 189, 1)\"}",
                "updated": "2024年04月16日 11时:44分:45秒",
                "templateId": "1780079856265990144"
            },
            {
                "formId": "1780080730472189952",
                "tgId": 54,
                "formName": "用车申请",
                "icon": "{\"icon\":\"el-icon-truck\",\"background\":\"rgba(144, 238, 144, 1)\"}",
                "isStop": false,
                "remark": "备注说明",
                "logo": {
                    "background": "rgba(144, 238, 144, 1)",
                    "icon": "el-icon-truck"
                },
                "background": "{\"icon\":\"el-icon-truck\",\"background\":\"rgba(144, 238, 144, 1)\"}",
                "updated": "2024年04月16日 11时:48分:13秒",
                "templateId": "1780080730472189952"
            }
        ]
    },
    {
        "id": 1293705227,
        "name": "124",
        "items": []
    },
    {
        "id": 1293705232,
        "name": "分组1",
        "items": []
    }
]
			}
		},
		computed: {
			currentGroups() {
				return this.groups.filter(v => v.items && v.items.length)
			}
		},
		methods: {
			toHandle(i) {
				console.log(i)
				switch(i) {
					case 0:
						uni.navigateTo({
							url: '/pages/myMeeting/myMeeting'
						})
					break;
					case 1:
						uni.navigateTo({
							url: '/pages/myActivity/myActivity'
						})
					break;
					case 2:
						uni.navigateTo({
							url: '/pages/myTask/myTask'
						})
					break;
					case 3:
						uni.navigateTo({
							url: '/pages/notice/notice'
						})
					break;
					case 4:
						uni.navigateTo({
							url: '/pages/myTodo/myTodo'
						})
					break;
				}
				
			},
			toLoad() {
				uni.navigateTo({
					url: '/pages/loadingPage/loadingPage'
				})
			},
			toLogin() {
				uni.navigateTo({
					url: '/pages/login/login'
				})
			}
		}
	}
</script>

<style lang="scss">
.home-wrap{
	background-color: #F3F3F3;
	.header{
		background: url('../../static/home/home_header_bg.png');
		width: 750rpx;
		height: 513rpx;
		background-size: cover;
		display: flex;
		justify-content: space-between;
		padding: 105rpx 35rpx 0;
		box-sizing: border-box;
		position: relative;
		.title{
			font-family: PingFang SC;
			font-weight: 500;
			font-size: 40rpx;
			color: #FFFFFF;
			line-height: 19rpx;
		}
		.notice{
			width: 33rpx;
			height: 39rpx;
		}
		.handle{
			position: absolute;
			width: 705rpx;
			height: 267rpx;
			background: #FFFFFF;
			border-radius: 27rpx;
			left: 23rpx;
			bottom: -149rpx;
			padding: 61rpx 41rpx;
			box-sizing: border-box;
			display: flex;
			justify-content: space-between;
			flex-wrap: wrap;
			.item{
				display: flex;
				flex-direction: column;
				align-items: center;
				width: 125rpx;
				margin-bottom: 42rpx;
				.num{
					font-family: Arial;
					font-weight: bold;
					font-size: 33rpx;
					
					line-height: 19rpx;
					margin-bottom: 19rpx;
				}
				.ncolor{
					color: #ED3D5A;
				}
				.name{
					font-family: PingFang SC;
					font-weight: 400;
					font-size: 27rpx;
					color: #23272E;
					line-height: 19rpx;
				}
			}
			
		}
	}
	.home-content{
		padding: 183rpx 23rpx 20rpx;
		box-sizing: border-box;
		color: $uni-bg-color;
		.handle{
			width: 705rpx;
			background: #FFFFFF;
			border-radius: 27rpx;
			.group{
				padding: 40rpx 20rpx;
				box-sizing: border-box;
				margin-bottom: 20rpx;
				.group-name{
					font-family: PingFang SC;
					font-weight: 500;
					font-size: 32rpx;
					color: #393E48;
					margin-bottom: 20rpx;
					
				}
				.group-list{
					display: flex;
					flex-wrap: wrap;
					.group-item{
						width: 113rpx;
						display: flex;
						flex-direction: column;
						align-items: center;
						font-family: PingFang SC;
						font-weight: 400;
						font-size: 27rpx;
						color: #23272E;
						margin: 22rpx 25rpx;
						.icon{
							width: 113rpx;
							height: 113rpx;
							margin-bottom: 25rpx;
						}
						.form-name{
							font-family: PingFang SC;
							font-weight: 400;
							font-size: 27rpx;
							color: #23272E;
						}
					}
				}
			}
		}
	}
}
</style>
